<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人主页</title>
<link href="http://localhost:3000/stylesheets/valleyer/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://localhost:3000/stylesheets/valleyer/personal/homeBase.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://localhost:3000/stylesheets/valleyer/personal/main.css" rel="stylesheet" type="text/css" media="all" />
</head>
<script type="text/javascript" language="JavaScript" src="http://localhost:3000/javascripts/prototype.js" ></script>
<script>
  function buttonHighOrLow(id)
  {
    $$('a.button_h').each( 
    function(a) {
      a.className = 'button_l';
      a.style.fontWeight = 'normal';
    });
    $(id).className = 'button_h';
    $(id).style.fontWeight = 'bold';

    $$('.button_scene').each(
    function(a) {
      a.style.display = 'none';
    });
    $(id + '_scene').style.display = 'inline';
  }
</script>
<body>
   <div id="integer">
    <div id="head">
      <div class="nav_bar">
        <a href="http://localhost:3000/demo/valleyer/index">首页</a><b>|</b><a href="http://localhost:3000/demo/valleyer/homePage.html" class='h'>个人主页</a><b>|</b><a href="javascript:;">好友</a><b>|</b><a href="http://localhost:3000/demo/valleyer/group/groupPage">群体</a><b>|</b><a href="javascript:;">活动</a><b>|</b><a href="javascript:;">动态</a><b>|</b><a href="javascript:;">文档</a></li>
      </div>
    </div>
    <div id="center">
      <div id="center_left">
        <div class="picture"><img src="http://localhost:3000/images/valleyer/mm.jpg" /></div>
        <div class="operate">
          <a href="javascript:;" class="change_picture">修改头像</a>
          <a href="javascript:;" class="edit_message">编辑资料</a>
        </div>
        <div class="message">
          <dl><dt>性&nbsp;&nbsp;&nbsp;&nbsp;别：</dt><dd>女</dd></dl>
          <dl><dt>生&nbsp;&nbsp;&nbsp;&nbsp;日：</dt><dd>1985年12月23日</dd></dl>
          <dl><dt>星&nbsp;&nbsp;&nbsp;&nbsp;座：</dt><dd>水瓶座</dd></dl>
          <dl><dt>所&nbsp;在&nbsp;地：</dt><dd>海口</dd></dl>
          <dl><dt>上次登录：</dt><dd>两天前(共555次)</dd></dl>
        </div>
      </div>
      <div id="center_right">
        <div class="master">
          <div class="name">周雯</div>
          <div class="status">(36位访客)最近没空写心情哦</div>
        </div>
        <div id="sstab">
          <div><div class="nav_bar">
            <a id="button_1" class="button_h" href="javascript:;" onclick="{buttonHighOrLow('button_1');}">首页</a>
            <a id="button_2" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_2');}">个人资料</a>
            <a id="button_3" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_3');}">日志管理</a>
            <a id="button_4" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_4');}">相册管理</a>
            <a id="button_5" class="button_l" href="javascript:;" onclick="{buttonHighOrLow('button_5');}">转载管理</a>
          </div></div>
        </div>
        <div class="minute_message">
               <div class="asking"><p><textarea >你在干什么呢？</textarea></p><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/grzy_asking.jpg" /></a></div>
          <div class="personal">
            <div class="title"><p>最新相册（6）</p><a href="javascript:;">查看全部</a></div>
            <div class="message">
              <div class="centerImg"><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/ex.jpg" /></a></div>
              <div class="centerImg"><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/ex.jpg" /></a></div>
              <div class="centerImg"><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/ex.jpg" /></a></div>
              <div class="centerImg"><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/ex.jpg" /></a></div>
            </div>
          </div>
          <div class="company">
            <div class="title"><p>日志（6）</p><a href="javascript:;">查看全部</a></div>
            <div class="message">
               <div class="bar"><a class="contentitle" href="javascript:;">八月未央......</a><p class="time">2009-8-27</p></div>
			   <div class="mincontent"><p>昨天电台朋友说这期专题拍宅女，说完就扛着她的装备直奔我这儿来。事实如此啊，本人在新浪页面呆了一整天了，可谓是找了一大堆借口推了报社那档事儿，再抓紧一切机会逃掉舞蹈彩排，如痴如醉地宅在我的单人床看着泛滥的讯息。今早排山倒海的办公室电话轰炸耳膜......<a href="javascript:;">更多</a></p></div>
				<div class="picandcom">
					<div class="pic"><img src="http://localhost:3000/images/valleyer/grzy_center2.jpg" /></div>					
			   </div>
			   <div class="comments"><a href="javascript:;">阅读(31)</a><a href="javascript:;">评论(7)</a></div>
            </div>
          </div>
		  <div class="company">
            <div class="title"><p>转载（6）</p><a href="javascript:;">查看全部</a></div>
            <div class="message">
               <div class="bar"><a class="contentitle" href="javascript:;">MJ,Gone TOO SOON</a><p class="time">2009-8-27</p></div>
			   <div class="mincontent"><p>我的爱就像一片云在你的天空无处停多渴望化成阵阵的小雨滋润你心中的土地 不管未来会怎麽样至少我们现在很开心不管结局会怎麽样至少想念的人是你 ...<a href="javascript:;">更多</a></p></div>
				<div class="picandcom">
					<div class="pic"><img src="http://localhost:3000/images/valleyer/grzy_center3.jpg" /></div>					
					<div class="pic"><img src="http://localhost:3000/images/valleyer/grzy_center4.jpg" /></div>					
					<div class="pic"><img src="http://localhost:3000/images/valleyer/grzy_center3.jpg" /></div>					
			   </div>
			   <div class="comments"><a href="javascript:;">阅读(28)</a><a href="javascript:;">评论(2)</a></div>
            </div>
          </div>
          <div class="board">
            <div class="pad"><p>留言板</p><a href="javascript:;">更多</a></div>
            <div class="thenew">
              <div class="picture"><img src="http://localhost:3000/images/valleyer/ugly_man.jpg" /></div>
              <div class="minute">
                <div class="user"><a class="name" href="javascript:;">黄元江</a><p class="time">2009-8-27</p><a class="operate" href="javascript:;"><a class="operate" href="javascript:;">删除</a></div>
                <div class="content">好像能和你成为朋友</div>
                <div class="restore"><a href="javascript:;">回复...</a></div>
              </div>
            </div>
            <div class="submit">
              <textarea></textarea>
              <a class="fixed" href="javascript:;"><img src="http://localhost:3000/images/valleyer/fixed.jpg" /></a>
              <p class="count">0/200</p>
            </div>
          </div>
        </div>
        <div class="friend">
          <div class="caller">
            <div class="title"><p>最近访客</p><a href="javascript:;">更多</a></div>
            <div class="soleplate">
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
            </div>
          </div>
          <div class="good_friend">
            <div class="title"><p>我的好友</p><a href="javascript:;">更多</a></div>
            <div class="soleplate">
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
              <div class="monomer">
                <div class="picture"><img src="http://localhost:3000/images/valleyer/handsome_boy.jpg" /></div>
                <div class="name"><a href="javascript:;">帅哥林</a><a href="javascript:;"><img src="http://localhost:3000/images/valleyer/hi.jpg" /></a></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="bottom"></div>
   </div>
   <div id="button_1_scene"></div>
   <div id="button_2_scene"></div>
   <div id="button_3_scene"></div>
   <div id="button_4_scene"></div>
   <div id="button_5_scene"></div>
</body>
</html>